/* pages/thaliDetail/thaliDetail.wxss */
.thaliInfo{
    background-color: #fff;
    .thalititle{
        width: 100%;
        height: 340rpx;
        border-bottom: 1px solid rgba(242, 242, 242, 1);
        box-sizing: border-box;
        .titleInfo{
            padding-top: 40rpx;
            padding-left: 40rpx;
            box-sizing: border-box;
            display: flex;
            .coverImg{
                width: 160rpx;
                height: 170rpx;
                background-color: rgba(186, 224, 255, 0.996078431372549);
                border-radius: 12rpx;
            }
            .coverInfo{
                margin-left: 36rpx;
                width: 400rpx;
                font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
                .title{
                    font-size: 32rpx;
                    font-weight: 700;
                }
                .listTags{
                    display: flex;
                    align-items: center;
                    margin-top: 30rpx;
                    .tag{
                        padding: 4rpx 12rpx;
                        font-size: 22rpx;
                        border-width:2rpx;
                        border-color: #000;
                        border-style: solid;
                        border-radius: 50rpx;
                        margin-right: 10rpx;
                    }
                    .blueTag{
                        color: #0468ff;
                        border-color: #0468ff;
                    }
                    .greenTag{
                        color: #18CCD0;
                        border-color: #18CCD0;
                    }
                    .purpreTag{
                        color: #9353E5;
                        border-color: #9353E5;
                    }
                }
                .peoCount{
                    margin-top: 20rpx;
                    font-size: 24rpx;
                    color: #aaa;
                }
            }
        }
        .titleGood{
            margin-top: 40rpx;
            display: flex;
            .Goodlist{
                width: 33.33%;
                display: flex;
                justify-content: center;
                align-items: center;
                .greendui{
                    width: 40rpx;
                    margin-right: 16rpx;
                }
                .greentext{
                    font-size: 28rpx;
                    color: #555;
                }
            }
        }
    }
    .reservationDate{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30rpx 26rpx;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(242, 242, 242, 1);
        position: sticky;
        z-index: 99999;
        .nolText{
            font-size: 28rpx;
            color: #000;
            position: sticky;

        }
        .greenText{
            color: #18CCD0;
            font-size: 28rpx;
        }
    }
    .datalists{
        width: 100%;
        height: 148rpx;
        padding-left: 20rpx;
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(242, 242, 242, 1);
        box-sizing: border-box;
        .datas{
            width: 620rpx;
            display: flex;
            align-items: center;
            .data{
                width: 116rpx;
                height: 120rpx;
                text-align: center;
                font-family: 'Microsoft YaHei UI', sans-serif;
                .week{
                    font-size: 28rpx;
                    color: #000;
                }
                .today{
                    font-size: 24rpx;
                    color: #000;
                    margin-top: 5rpx;
                }
                .isReservation{
                    margin-top: 5rpx;
                    font-size: 24rpx;
                    color: #18CCD0;
                }
                .noReservation{
                    margin-top: 5rpx;
                    font-size: 24rpx;
                    color: #aaa;
                }
            }
        }
        .shadow{
            width: 130rpx;
            height: 148rpx;
            line-height: 148rpx;
            box-shadow: -4rpx 0px 10rpx rgba(242, 242, 242, 0.952941176470588);
            display: flex;
            align-items: center;
        }
        .moreDate{
            font-size: 28rpx;
            color: #aaa;
            width: 130rpx;
            text-align: center;
            padding: 0 36rpx;
            box-sizing: border-box;
            line-height: 34rpx;
        }
    }
    
    .tablists{
        width: 100%;
        height: 100rpx;
        border-bottom: 1px solid rgba(242, 242, 242, 1);
        box-sizing: border-box;
        .content{
            padding: 40rpx 40rpx 250rpx;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
            .contentTitle{
                font-size: 28rpx;
                color: #000;
                font-weight: 700;
                position: relative;
                padding-left: 26rpx;
                margin-bottom: 30rpx;
            }
            .contentTitle::before{
                content: '';
                width: 12rpx;
                height: 36rpx;
                background-image: url('https://cdn8.axureshop.com/demo2024/2277624/images/%E5%A5%97%E9%A4%90%E8%AF%A6%E6%83%85/u438.svg');
                background-size: cover;
                position: absolute;
                left: 0;
            }
            .crowd{
                margin-bottom: 40rpx;
                .contentTags{
                    display: flex;
                    font-size: 22rpx;
                    .contentTag{
                        padding: 4rpx 12rpx;
                        border-width: 2rpx;
                        border-style: solid;
                        margin-right: 20rpx;
                        border-radius: 4rpx;
                    }
                }
            }
            .introduction{
                margin-bottom: 40rpx;
                .introductionText{
                    font-size: 26rpx;
                    color: #555;
                    text-align: justify;
                }
            }
            .projectDetail{
                .detailCard{
                    width: 680rpx;
                    // height: 180rpx;
                    margin: 30rpx auto 0;
                    border: 2rpx solid rgba(242, 242, 242, 1);
                    border-radius: 6rpx;
                    box-sizing: border-box;
                    .CardTitle{
                        width: 100%;
                        height: 80rpx;
                        box-sizing: border-box;
                        line-height: 80rpx;
                        background-color: rgba(231, 245, 255, 1);
                        font-size: 28rpx;
                        padding-left: 30rpx;
                    }
                    .CardContent{
                        padding: 30rpx;
                        box-sizing: border-box;
                        font-size: 26rpx;
                        color: #555;
                    }
                }
            }
        }
        .instructions{
            padding: 40rpx 40rpx 190rpx;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei UI', sans-serif;
            font-size: 26rpx;
            color: #333;;
            .lineOne{
                line-height: 40rpx;
            }
            .title{
                margin: 40rpx 0;
            }
        }
    }
}
.total{
    width: 100%;
    height: 180rpx;
    padding: 0 40rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    border-top: 2rpx solid rgba(242, 242, 242, 1);
    .left{
        font-family: 'Microsoft YaHei UI', sans-serif;
        .amount{
            font-size: 28rpx;
            color: #333;
        }
        .money{
            font-size: 40rpx;
            color: #EC2121;
        }
    }
    .next{
        width: 276rpx;
        height: 90rpx;
        background-color: rgba(4, 96, 255, 1);
        color: #fff;
        border-radius: 8rpx;
        font-size: 30rpx;
    }
}